<template>
  <div ref="wrapper">
    <div class="content">
      <slot></slot>
    </div>
  </div>
</template>

<script>
import BScroll from'better-scroll'
export default {
  data(){
    return{
      scroll:null,
    }
  },
  props:{
            probeType:{
                type:Number,
                default:0
            }
        }
  ,
mounted(){
  this.f1()
},
methods:{
  f1(){
    this.scroll=new BScroll(this.$refs.wrapper,{
    click:true,
    pullUpLoad:true,//开启下拉刷新
    probeType:this.probeType//0,1都是不侦测实时的位置  2是手指滑动过程中侦测，手指离开后的惯性移动不侦测。  3只要是滚动，都侦测。
    })
    this.scroll.on('scroll',(z1) => {
      this.$emit("scroll",z1);
    })
     this.scroll.on('pullingUp',() => {
        //console.log('上拉加载更多');
       this.$emit("pullUpload");
       //this.scroll.finishPullUp()//，执行了这个才能执行下次pullUpload函数，相当于节流
     })
  },

  scrollto(x, y, time=300) {
    this.scroll && this.scroll.scrollTo(x, y, time)
  },
  refresh(){
    this.scroll.refresh()
  }



  
}
}
</script>

<style scoped>

</style>